<template>
  <v-container fluid fill-height class="no-permission-container">
    <v-layout class="justify-center">
      <v-flex xs12 sm8 md6 lg5 xl3 class="text-center">
        <v-icon
          color="warning"
        >mdi-shield-lock</v-icon>
        <h1>无权限访问</h1>
        <div class="text-subtitle-1">您没有足够的权限访问该页面，请与系统管理员联系。</div>
      </v-flex>
    </v-layout>
  </v-container>
</template>

<script>
export default {
  name: 'NoPermission'
}
</script>

<style lang="scss" scoped>
.no-permission-container {
  position: absolute;
  height: calc(100% - 24px);
  width: calc(100% - 24px);
  .mdi-shield-lock {
    margin-top: 150px;
    font-size: 200px;
  }
}
</style>
